<template>
  <div :class="{'app-container':type!=='pointDetail'}">
    <div class="tips mb10">
      <p>
        <i></i>
        当前考勤汇总只展示保安角色考勤记录
      </p>
    </div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="考勤汇总" name="logLine"></el-tab-pane>
      <el-tab-pane label="驻点考勤" name="pointLine"></el-tab-pane>
    </el-tabs>
    <component :is="activeName" :type="type" :pointData="pointData"></component>
  </div>
</template>

<script>
import logLine from "./components/logLine";
import pointLine from "./components/pointLine";

export default {
  name: "log",
  props: ['type', 'pointData'],
  components: {
    logLine,
    pointLine
  },
  data() {
    return {
      activeName: 'logLine'
    };
  },
  created() {
  },
  methods: {
    handleClick() {

    }
  }
}
</script>

<style scoped>

</style>
